/******************************
 ** 初始化
 ** 兼容到IE7
 ** power by:www.hnjing.com
 ******************************/
* { margin:0; padding:0; transition:all 300ms ease;}
html { min-height:100%; }
body  { min-width:1100px; font:14px/1.5 "Microsoft Yahei", Arial; color:#555; background:url(../images/texture.png)  center repeat #FFF; }
img { border:0px; }
ul,ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input,textarea,select { font:14px/1 "Microsoft Yahei", Arial; color:#555; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:14px; }
a { color:#555; text-decoration:none; cursor:pointer; }
a:hover,a:active { color:#2061c4; text-decoration:none; }
.clear { clear:both; font-size:0px; line-height:0px; height:0px; }
.hidden { display:none; }
.center { text-align:center; }
.arrow { font-family:'Small Fonts'; font-style:normal; }
.autocut { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.wrapper, .wrap { width:1025px; margin:0 auto; position:relative; }
.wrapper { min-height:auto; padding:30px 0 50px; }
.clearfix {*zoom: 1;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.s{ background:url(../images/tip.png) no-repeat;}
/******************************
 ** 首页风格
 ******************************/
.header { background:url(../images/header.png) left bottom repeat-x #fff; }
.header .wrap { height:113px; }
.header .logo { float:left; margin:10px 10px 0 0; }
.header .logo img { display:block; max-width:500px; height:80px; }
.header .tags { line-height:1.2; float:left; margin:25px 0 0 0; padding:8px 15px;border-left: 1px solid #1f2831; }
.header .tags strong { color:#2061c4; font-size:20px; font-weight:400; display:block; }
.header .tags span { color:#27313a; font-size:17px;font-weight: bold; }
.header .market { float:right; width:270px; margin:30px 0 0 0; }
.header .tel { height:42px; line-height:42px; background:url(../images/tip.png) -370px 4px no-repeat; padding:0 0 0 37px; }
.header .tel span { font-family:Arial; font-size:33px; color:#ff9d10; }

.ibtn{ width: 100%;height: 80px;background:url(../images/xian3.png) center center no-repeat;color: #fff;}
.ileft{width: 490px;float: left;color: #fff;text-align: right;margin-top: 20px;}
.ileft .tel { height:42px; line-height:42px; background:url(../images/tip.png) -370px -65px no-repeat; padding:0 0 0 37px;float: left; }
.ileft .tel span { font-family:Arial; font-size:32px; color:#fff; }
.iright{width: 490px;float: left;margin-left: 30px;margin-top: 10px;}
.iright .list{height:54px; line-height:54px;width:700px;}
.iright .list span{ float:left;background:url(../images/tip.png) left -62px no-repeat;padding-left: 35px; }
.iright .box{height:22px;width:500px; overflow: hidden; position:relative; float:left; margin:15px 5px;}
.iright .box ul{ position:absolute;top:0;left:0; line-height:22px;width:340px;}
.iright .box li{height:24px;width:100%;color: #fff;}
.iright .box li a{color: #fff;margin-right:25px; }
.iright .box .arrow{background:url(../images/tip.png) left -150px no-repeat;width: 15px;height: 15px;float: right;margin-right: 135px;cursor: pointer; }

.searcher { width:178px; height:31px; background:#FFF; float: right; position: relative;margin-right: 20px;margin-top: 5px;}
.searcher .txt { float:left; width:130px; height:31px; line-height:31px; border:0; padding:0 10px; background:none; }
.searcher .submit { float:right; width:34px; height:34px; background:url(../images/tip.png) left top no-repeat; border:0; 
  color:#FFF; cursor:pointer;position: absolute;top: -2px; right: -14px; }
.searcher .submit:hover { opacity:.8; }

.nav { background:#2061c4;  }
.nav .list { height:57px; line-height:57px;
    display: flex; }
.nav .list li { float:left; width:146px; background:url(../images/nav-line.png) left center no-repeat; }
.nav .list a { display:block; text-align:center; color:#FFF;font-size: 16px; }
.nav .list a:hover, .nav .list li.current a { background:url(../images/nav_hover.png) center no-repeat ; }
.nav .list li:first-child, .nav .list li.current + li, .nav .list li:hover + li { background:none; }

.banner { width:100%; position:relative; background:#fff; overflow:hidden; z-index:2;height: 500px; }
.banner ul { width:100%;  margin:0 auto; }
.banner li { width:100%;  z-index:1; overflow:hidden;transition:none; background:#1b140d; display:none; }
.banner li:first-child { display:block;transition:none; }
.banner img { width:100%; display:block;  }
.banner .tip { width:100%; height:3px; text-align:center; position:absolute; left:0; bottom:30px; z-index:3; }
.banner .tip span { display:inline-block; width:13px; height:13px; line-height:0; background:url(../images/tip-view.png) right center no-repeat; margin:0 5px; cursor:pointer; }
.banner .tip span.cur { width:34px; background:url(../images/tip-view.png) left center no-repeat; }
.banner.mini, .banner.mini ul, .banner.mini img { height:300px; }

.inav { padding:20px 0 0; }
.inav .list { width:100%; overflow:hidden; }
.inav .list li { float:left; margin:0 16px 0 16px; }
.inav .list li a { display:block; width:136px; height:32px; line-height: 32px;background-position: -2px -200px; text-align: center;
color: #676767;}
.inav .list li a:hover{background-position: -262px -200px;color: #fff;  }
.prolist{width: 680px;overflow: hidden;height: 32px; float: left;}
.inav .arrow_r,.inav .arrow_l{float: left;width: 35px;height: 35px; }
.inav .arrow_r{margin-left: 125px;background-position: -300px -150px;}
.inav .arrow_l{background-position: -380px -150px;}
.floor-1 { padding:20px 0; }
.floor-1 .side-menu .list { height:343px; }

.headr{background:url(../images/head.png) center no-repeat;width: 100%; text-align: center;position: relative;margin-top: 30px;}  
.headr h3{color: #4a4a4a;font-size: 24px;font-weight: bold;text-transform: uppercase;line-height: 30px;} 
.headr h2{color: #585858;font-size: 24px;font-weight: normal;line-height: 30px;} 
.headr .more{position: absolute;text-transform: uppercase;    top: 4px;    right: 12px;}

.ipro {  width:1000px;  height: 480px;overflow: hidden; }
.ipro .tip { width:100%; height:17px; text-align:center;margin-top: 20px; }
.ipro .tip span { /*display:inline-block; width:13px; */height:13px; line-height:0; background:url(../images/tip.png) -88px -288px no-repeat; margin:0 5px; cursor:pointer; }
.ipro .tip span.cur { width:34px; background:url(../images/tip.png) -3px -288px no-repeat; }

.ipro .list { padding:30px 0 15px;height: 385px;width: 100%;     overflow: hidden;}
.ipro .item { float:left; margin:0 0 10px 25px; text-align:center;background:url(../images/shadow.png) bottom center no-repeat;
padding: 0 1px 8px 1px;}
.ipro .item a { display:block;width:222px;    }
.ipro .item img { display:block; width:218px; height:145px; border:2px solid #fff; }
.ipro .item h3 { height:40px; display: block; width: 100%; line-height:40px; font-weight:400; font-size:15px;background: #fff; }
.ipro .item:hover img { border-color:#2061c4; }
.ipro .item:hover h3 {color: #2061c4; }

.iabout { height:270px; background:url(../images/iabout.png) center top no-repeat; margin-bottom:60px;  }
.iabout .info { margin-bottom:10px; line-height:30px; color: #818181;float: left;width: 740px;margin-top: 40px; }
.iabout .more {}
.iabout .more a { display:block; width:140px; height:34px; line-height:34px; text-align:center; border:1px solid #666; }
.iabout .more a:hover { background:#2061c4; border-color:#2061c4; color:#fff; }
.iabout img{ float: right;margin-top: 30px;padding: 3px;border: 1px solid #9bb7e2;}
.floor-2 { padding:0 0 60px;margin-top: 20px; }


.inews { width:100%; height:326px; padding:30px 0;  background:url(../images/inews.jpg) center top no-repeat #0c48a1; color: #fff;position: relative;}

.inews .tip { width:250px; height:17px; text-align:left;margin-top: 10px;position: absolute;top: 255px;left: 0; }
.inews .tip span { display:inline-block; width:13px; height:13px; line-height:0; background:url(../images/tip.png) -382px -288px no-repeat; margin:0 5px; cursor:pointer; }
.inews .tip span.cur { width:34px; background:url(../images/tip.png) -268px -288px no-repeat; }

.inews .wd{width: 204px;float: left; }
.inews .wd .zi{color: #93afd9;font-size: 14px;}	
.inews .wd .zi  b{ display: block;font-size: 16px;line-height: 2;}
.inews .wd .zi a{color: #dceaff;text-transform: uppercase;display: block;margin-top: 5px;}	
.head2{border-bottom: 1px solid #406fb5; padding-bottom: 10px;margin-bottom: 16px;}
.head2 h3{ font-size: 24px;color: #fff;font-weight: bold;text-transform: uppercase;}
.head2 h2{ font-size: 24px;color: #ffffff;font-weight: normal;line-height: 30px;}

.inews .tod{float: right;width: 761px;height: 302px;overflow: hidden; *position: relative;}
.inews .tod ul{ }
.inews .tod li{width: 223px; height: 296px;background: #fff;padding: 3px;border-radius: 3px;float: left;margin-right: 25px;position: relative;overflow: hidden;}
.inews .tod li img{width: 223px;height: 167px; }
.inews .tod li h1{ padding:0  12px;font-size: 16px;margin-top: 28px;line-height: 2;}
.inews .tod li span{padding: 0 12px;display: block;margin-bottom: 26px; }
.inews .tod li .cover{background:url(../images/kuang.png) center repeat;width: 223px;height: 167px;position: absolute;top: -167px;left: 3px; }

.footer { background:#1e1e1e; padding:30px 0 30px;color: #969696;border-top: 7px solid #2061c4;position: relative; }
.footer a{color: #969696;}
.footer .wrap { }
.footer .logo { width:202px;padding: 0 20px;height: 278px; background: #2f2f2f;position: absolute;top:-68px;left: 0;}
.footer .logo img { display:block; height:61px; margin-bottom:15px; }
.footer .logo .shadow{ position: absolute;left: 240px;top: 0;width: 41px;height: 278px;background:url(../images/shadow2.png) center repeat;}
.subtel {font-size: 21px;
color: #fff;
background-position: -370px -37px;
padding-left: 38px;
line-height: 95px;}
.copyright { line-height:30px; padding-left: 300px; width:730px; }
.subnav { height:30px; line-height:30px;display: flex; }
.subnav a {
    flex: 1;
    text-align: center; }
.subnav a:first-child{margin-left: 0;}


/******************************
 ** 内页架构
 ******************************/
.sidebar { float:left; width:220px; }
.side-menu { border:1px solid #ddd; background:#FFF; border-radius:5px; padding:0 0 20px; }
.topclass { margin:0 8px; text-align:center; padding:20px 0 0; }
.topclass h2 { height:30px; line-height:30px; font-size:20px; color:#2061c4; }
.topclass span { background:#FFF; padding:0 15px; }
.topclass p { height:20px; line-height:20px; text-transform:uppercase; font-size:14px; color:#9fa3b7; }
.side-menu .list { margin:0 15px; padding:20px 0 10px;  }
.side-menu dd { margin-bottom:10px; }
.side-menu dd > a { display:block; padding:0 10px 0 0; height:47px; line-height:47px; background:#2061c4; color:#FFF; text-align:center; font-size:15px; }
.side-menu dd > a:hover { background:#ff9d10; }
.side-menu .drop { width:100%; padding:0 0; background:; border-bottom:1px solid #ddd; display:none; }
.side-menu .drop li { width:100%; height:32px; line-height:32px; }
.side-menu .drop a { display:block; padding:0 0 0 15px;  background:url(../images/ico-submenu.png) 2px center no-repeat; }
.side-menu .drop a:hover { background-color:; }
.side-menu dd.current .drop { display:block; }
.side-menu dd.current > a { background:#FF9D10; }
.side-menu li.current > a { color:#bc8751; background-color:; }
.side-menu .foot { width:200px; height:50px; margin:0 auto; text-align:center; line-height:1.1; }
.side-menu .foot span { font-size:25px; color:#2061c4; }

.side-head { height:34px; line-height:34px; padding:10px 0 10px 10px; font-size:20px; background:none;  }
.side-con { margin-bottom:20px; position:relative; top:20px; }
.side-con .head { height:40px; line-height:40px; background:#2061c4; }
.side-con .head h2 { font-size:16px; font-weight:normal; color:#fff; padding:0 0  0 15px; }
.side-con .main { padding:10px 10px 15px; line-height:25px; border:1px solid #ddd;background: #fff; border-radius:0 0 5px 5px; }

.container { float:right; width:775px; }
.location { height:35px; border-bottom:2px solid #ddd; position:relative; margin-bottom:20px; }
.location h2 { font-size:20px; height:24px; line-height:24px;  }
.location .io { height:24px; line-height:24px; position:absolute; right:0; top:0; color:#666; }
.location .io b { color:#999; }
.content { padding:20px; border:1px solid #ddd; margin-bottom:20px; }


/******************************
 ** 内页页面通用
 ******************************/
/* 图片4:3 */
.list-product { width:94%; background:#fff; padding:20px; margin-bottom:10px; }
.list-product .list { float:left; width:103%; padding-bottom:20px; }
.list-product .item { float:left; width:230px; margin:0 20px 10px 0; }
.list-product .item a { display:block; }
.list-product .item .img { +display:inline; width:100%; overflow:hidden; background:#eee; border-radius:3px; }
.list-product .item .img img { display:block; width:100%; height:172px; border-radius:3px; }
.list-product .item h3 { height:40px; line-height:40px; text-align:center; font-weight:400; }
.list-product .item:hover { border-color:#c8a48e; }

/* 4:3 图文 */
.list-case { background:#fff; margin-bottom:10px; }
.list-case .list { padding:0 0 10px; }
.list-case .item { padding:15px 0 15px 180px; height:124px; border-top:1px dashed #ddd; position:relative; }
.list-case .item:first-child { border-top:0; }
.list-case .item .img { position:absolute; left:0; top:15px; width:166px; height:124px; background:#f1f1f1; border-radius:3px; }
.list-case .item .img img { display:block; width:166px; height:124px; border-radius:3px; }
.list-case .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-case .item h3 a { }
.list-case .item h3 a:hover { text-decoration:underline; }
.list-case .item p { height:60px; line-height:20px; color:#666; overflow:hidden; margin-bottom:16px; }
.list-case .item .detail { height:20px; }
.list-case .item .detail a { line-height:20px; }

/* 附属简介 */
.list-news .item { padding:15px 0 15px 0; height:70px; border-top:1px dashed #ddd; position:relative; }
.list-news .item:first-child { border-top:0; }
.list-news .item .date { position:absolute; right:0; top:15px; line-height:20px; text-align:center; color:#999; }
.list-news .item h3 { font-size:16px; line-height:20px; margin:0 200px 8px 0; overflow:hidden;  height: 20px; }
.list-news .item h3 a {  }
.list-news .item h3 a:hover { text-decoration:underline; }
.list-news .item p { height:40px; line-height:20px; color:#666; overflow:hidden; }

/* 新闻详情页 */
.news-content {  }
.news-content h1 { padding:0 0 10px; font-size:24px; line-height:1.4; }
.news-content .rap { height:40px; line-height:40px; border-bottom:1px dashed #ddd; margin-bottom:20px; }
.news-content .rap span { margin:0 20px 0 0; }
.news-content .rap b { font-weight:400;  }

/* 产品详情页 */
.product-content { }
.product-content h1 { font-size:24px; line-height:1.2; margin-bottom:20px; }
.product-photo { float:left; width:340px; }
.product-photo .original { width:340px; height:254px; overflow:hidden; margin-bottom:10px; border:0px solid #ddd; background:#eee; }
.product-photo .original img { display:block; width:auto; height:254px; margin:0 auto; }
.product-info { margin:0 0 0 370px; }
.product-info .inso { margin-bottom:10px; }
.product-info .inso dd { height:20px; line-height:20px; margin-bottom:10px; font-size:16px; }
.product-info .inso span { color:; }
.product-info .tel { padding:10px 20px; border:1px solid #ddd; margin-bottom:27px; }
.product-info .tel dt { height:30px; line-height:30px; font-size:18px; padding:0 0 0 35px; background:url(../images/ico-tel2.png) left center no-repeat; }
.product-info .tel dd { font-size:35px; color:#2061c4; line-height:1.2; }
.product-info .bdshare { width:245px; }
.article-container { border-top:1px dashed #ddd; margin:20px 0 0; padding-top:30px; }
.article-container .article { padding-bottom:10px; }
.article-head { padding:20px 0 10px; }
.article-head h2 { width:240px; height:40px; line-height:40px; padding:0 0 0 15px; background:#f8f8f8; font-size:16px; color:#5f412e; }

/* 产品详情页 */
.original2 { width:600px; height:auto; overflow:hidden; margin:0 auto 10px; }
.original2 img { display:block; width:100%; height:auto; }
.product-info2 { position:relative; padding:10px 0; }
.product-info2 h1 { font-size:20px; text-align:center; }


/******************************
 ** 组件类
 ******************************/
.toolbar { width:65px; position:fixed; right:0; top:50%; margin:-132px 0 0 0; z-index:50; }
.toolbar dd { width:65px; height:65px; background:none; border-bottom: 1px solid #2b2b2b;border-top: 1px solid #5e5e5e;position:relative;z-index: 60; }
.toolbar dd > i { display:block; width:65px; height:65px; cursor:pointer; }
.toolbar .slide-qq { display:block; width:0; height:65px; line-height:65px; font-size:20px; color:#FFF; padding:0 0 0 65px; position:absolute; top:0; right:0; overflow:hidden; }
.toolbar .pop { position:absolute; right:120px; top:-65px; background:#2061c4; display:none; }
.toolbar .pop .o { position:absolute; right:-7px; top:88px; width:7px; height:13px; background:url(../images/tool-arrow.png) 0 0 no-repeat; }
.toolbar .pop-tel { width:120px; padding:30px 20px 30px; color:#FFF; text-align:center; }
.toolbar .pop-tel .icon { height:30px; line-height:30px; padding-top:40px; background:url(../images/tool-telphone2.png) center -19px no-repeat; }
.toolbar .pop-tel .item { line-height:24px; font-size:16px; }
.toolbar .pop-code { width:120px; padding:20px 20px 0; }
.toolbar .pop-code img { width:120px; height:120px; display:block; }
.toolbar .pop-code h3 { height:50px; line-height:50px; text-align:center; color:#f2e8e1; font-size:16px; font-weight:400; white-space:nowrap; }
.toolbar .qq { background:url(../images/tip.png) -348px -336px no-repeat #434343; }
.toolbar .qq:hover{ background-color: #2061c4;}
.toolbar .tel { background:url(../images/tip.png) -348px -410px no-repeat #434343; }
.toolbar .code { background:url(../images/tip.png) -348px -478px no-repeat #434343; }
.toolbar .top { background:url(../images/tip.png) -348px -547px no-repeat #434343; }
.toolbar dd i:hover { background-color: #2061c4; }
.jing_pointer { width:27px; height:117px; position:absolute; top:55px;*top:55px; left:-27px; cursor:pointer;background:url(../images/pointer4.png) left top no-repeat;  }
.jing_pointer.active { left:38px; background:url(../images/pointer1.png) left top no-repeat;  }
.pl1{ background:none !important;}

.pager { width:100%; height:40px; padding:10px 0 20px; }
.pager > * { float:left; height:38px; line-height:38px; padding:0 20px; background:#FFF; margin:0 -1px 0 0; border:1px solid #ddd; }
.pager > *:first-child { display:none; }
.pager > *:first-child + * { margin-left:0px; }
.pager > span { cursor:no-drop; }
.pager > span.cur { cursor:default; background:#f8f8f8; color:#2061c4; font-weight:700; }
.pager > a:hover { background:#f9f9f9; }

.relink { padding:0 20px; height:40px; line-height:40px; background:#fff; margin-bottom:20px; border:1px solid #ddd; }
.relink p { float:right; width:50%; text-align:right; overflow:hidden; }
.relink p:first-child { float:left; text-align:left; }

.recommend-pro { background:#fff; padding:0 20px; }
.recommend-pro .head { height:60px; line-height:60px; position:relative; border-bottom:1px solid #ddd; }
.recommend-pro .head h2 { font-size:18px; }
.recommend-pro .head .mo { position:absolute; right:0; top:0; font-size:16px;  }
.recommend-pro .main { width:100%; overflow:hidden; padding:20px 0 0; }
.recommend-pro .list { float:left; width:103%; }
.recommend-pro .item { float:left; width:231px; margin:0 20px 0 0; }
.recommend-pro .item img { width:100%; height:173px; display:block; margin-bottom:10px; background:#f1f1f1; 
 }
.recommend-pro .item h3 { height:30px; line-height:30px; text-align:center; margin-bottom:10px; font-weight:400;    overflow: hidden; }
.recommend-pro .item h3 a { }

.recommend-form { background:#fff; padding:0 0; }
.recommend-form .head { height:60px; line-height:60px; position:relative; border-bottom:1px solid #ddd; }
.recommend-form .head:before { content:''; width:40px; height:3px; background:#1a8927; position:absolute; left:0; bottom:-1px; }
.recommend-form .head h2 { font-size:18px; }
.recommend-form .main { width:100%; overflow:hidden; padding:20px; }
.recommend-form .main > * { float:left; width:100%; clear:both; margin-bottom:15px; position:relative; }
.recommend-form .row-1 { width:350px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.recommend-form .row-2 { width:610px; height:auto; padding:0 0 0 0; border:1px solid #ddd; }
.recommend-form .row-3 { width:700px; height:auto; }
.recommend-form .ico-name { background:url(../images/form-name2.png) 15px center no-repeat; }
.recommend-form .ico-phone { background:url(../images/form-phone2.png) 15px center no-repeat; }
.recommend-form .ico-email { background:url(../images/form-email2.png) 15px center no-repeat; }
.recommend-form .required .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.recommend-form .txt { width:100%; height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.recommend-form .text { width:600px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.recommend-form img.code { float:left; width:110px; height:42px; }
.recommend-form input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; margin-left:10px; padding:0 10px; color:#999; }
.recommend-form .submit, .recommend-form .reset { float:left; margin:0 0 0 10px; width:150px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.recommend-form .submit { background:#ffb928; }
.recommend-form .reset { background:#999; }
.recommend-form .submit:hover { background:#ff9c28; }
.recommend-form .reset:hover { background:#777; }
.recommend-form .onfocus, .recommend-form .onfocus input.code { border-color:#aaa; }
.inews .tod ul{width: 200%; }
.bdmap { height:400px; }
.BMap_bubble_title a { display:inline-block; padding:4px 10px; background:#2061c4; color:#fff; border-radius:3px; }
.BMap_bubble_title a:hover { background:#02733b; }
.BMap_bubble_title + .BMap_bubble_content { line-height:18px; padding:9px 0 0; color:#777; }

.bdshare { width:auto; height:36px; }
.bdshare > * { float:right; }
.bdshare .head { height:36px; line-height:36px; }
.bdshare .bdsharebuttonbox { width:186px; height:36px; }

.article { line-height:2; padding-bottom:20px;  }
.article img { max-width:100%; }

.article-adv { height:100px; background:#5f412e; margin-bottom:20px; }
.article-adv .icon { float:left; width:; height:80px; margin:10px 20px 0 20px; }
.article-adv .tel { float:left; margin:20px 0 0 0; }
.article-adv .tel dt { font-size:16px; color:#c8a48e; background:url(../images/ico-tel2.png) left center no-repeat; padding:0 0 0 25px; }
.article-adv .tel dd { line-height:1.2; font-size:32px; color:#f0c422; }
.article-adv .qiao { float:right; width:126px; height:36px; margin:32px 20px 0 0; background:url(../images/ico-qiao.png) center center no-repeat; line-height:33px; text-align:center; color:#5f412e; }
.article-adv .qiao:hover { background-image:url(../images/ico-qiao-hover.png); }

.ajax-pager { text-align:right; padding:10px 0; }
.ajax-pager > * { display:inline-block; height:32px; line-height:32px; padding:0 20px; border:1px solid #ddd; margin-left:-6px; background:#FFF;  }
.ajax-pager span { cursor:no-drop; }
.ajax-pager span.current { cursor:default; }
.ajax-pager a:hover { background:#f1f1f1; }

.ig-form-notice { position:absolute; z-index:101; width:auto; padding:5px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.ig-form-notice:before, .ig-form-notice:after { content:''; position:absolute; left:20px; top:-20px; width:0; height:0; border:10px solid transparent; border-bottom-color:#e0272c; }
.ig-form-notice:after { top:-19px; border-bottom-color:#ffe8e9; }

[ig-null] { padding:0 20px;  }
[ig-loading] { padding:0 20px 20px;  }

.dialog-alert { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-alert .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-alert .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-alert .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-alert .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-alert .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-alert .main .red { color:#F00; }
.dialog-alert .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px; }
.dialog-alert .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-alert .foot .ok { background:#d93636; color:#fff; }
.dialog-alert .foot .ok:hover { background:#a40606; }
.dialog-alert .foot .cancel { background:#bbb; color:#333; }
.dialog-alert .foot .cancel:hover { background:#999; }

.dialog-confirm { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-confirm .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-confirm .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-confirm .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-confirm .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-confirm .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-confirm .main .red { color:#F00; }
.dialog-confirm .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px; }
.dialog-confirm .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-confirm .foot .ok { background:#d93636; color:#fff; }
.dialog-confirm .foot .ok:hover { background:#a40606; }
.dialog-confirm .foot .cancel { background:#bbb; color:#333; }
.dialog-confirm .foot .cancel:hover { background:#999; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(../images/log-arrow.png) center center no-repeat; }

.dialog-layout { position:fixed; left:0; top:0; width:100%; height:100%; filter:Alpha(opacity=50); background:#000; background:rgba(0,0,0,.5); z-index:99; }

.dialog-album { position:fixed; _position:absolute; width:100%; height:100%; left:0; top:0; z-index:100; display:none; }
.dialog-album .layout { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9) !important; filter:Alpha(opacity=90); background:#000; z-index:-1; }
.dialog-album .container { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; overflow:hidden; }
.dialog-album .container ul { float:left; width:1000%; height:100%; position:relative; }
.dialog-album .container li { float:left; width:10%; height:100%; position:relative; }
.dialog-album .container .img { width:100%; height:100%;  }
.dialog-album .container .img img { max-height:100%; max-width:80%; width:800px; height:600px; }
.dialog-album .tool .close { position:absolute; width:65px; height:35px; top:0; right:0; background:url(../images/ico-album.png) 0 -105px no-repeat; z-index:10; overflow:hidden; text-indent:-99em; opacity:0.6 !important; filter:Alpha(opacity=60); }
.dialog-album .tool .close:hover { opacity:0.9 !important; filter:Alpha(opacity=90); }
.dialog-album .tool .right, .dialog-album .tool .left { position:absolute; width:30px; height:30px; top:50%; margin-top:-10px; z-index:10; text-indent:-99em; overflow:hidden; background:url(../images/ico-album.png) -35px 0 no-repeat; }
.dialog-album .tool .right { left:20px; background-position:-35px -35px; }
.dialog-album .tool .left { right:20px; }
.dialog-album .tool .right:hover { background-position:0 -35px; }
.dialog-album .tool .left:hover { background-position:0 0; }
.dialog-album .tool .play, .dialog-album .tool .plus { position:absolute; width:30px; height:30px; right:20px; bottom:20px; background:#CCC; z-index:10; overflow:hidden; background:url(../images/ico-album.png) 0 -70px no-repeat; overflow:hidden; text-indent:-99em; }
.dialog-album .tool .play { background-position:-35px -70px; }
.dialog-album .tip { position:absolute; width:50%; height:15px; left:25%; bottom:20px; z-index:10; text-align:center; }
.dialog-album .tip span { display:inline-block; width:12px; height:12px; border:1px solid #aaa; border-radius:13px; background:#FFF; margin:0 5px; vertical-align:middle; cursor:pointer; }
.dialog-album .tip span.cur { background:#666; }



/******************************
 ** 高级动画
 ******************************/



/******************************
 ** 自定义字体
 ******************************/
@font-face{
	font-family: "ssi";
	src: url("../font/ssi.eot");
	src: url("../font/ssi.eot?#iefix") format("eot"),
		 url("../font/ssi.ttf") format("truetype");
}



/******************************
 ** 兼容性
 ******************************/
body { _background:url(../images/ie6.png) center center no-repeat #fff; }
body > * { _display:none; }